﻿@model List<SnongPhoneShop.Models.Cart>
@{
    ViewBag.Title = "Giỏ hàng";
    Layout = "~/Views/Shared/_LayoutAccMetroUI.cshtml";
    ViewBag.CurrPage = "Giỏ hàng";
    long total_price = 0;
}

@section selected_link{
    <style>
        .cart-info {
            background:#808080;
        }
    </style>    
}
<table border="1" class="cart-table fixed-header">
    <tr>
        <th class="image-product">Ảnh</th>
        <th class="name-product">Tên sản phẩm</th>
        <th class="price-product">Đơn giá (VNĐ)</th>
        <th class="number-product">Số lượng</th>
        <th class="sum-price-product">Thành tiền (VNĐ)</th>
    </tr>
</table>
<div class="hidden-scrollbar">
    <div class="body-table scroll-enable">
        <table border="1" class="cart-table">
            @if (Model != null)
            {
                foreach (var Item in Model)
                {
                    long sum_price = Item.SoLuong * Item.SanPham.DonGia;
                    <tr>
                        <td class="image-product"><a href="@Url.Action("CT_SanPham", "San_Pham", new { ID = Item.MaSanPham })"><img src="@Item.SanPham.AnhDaiDien" /></a></td>
                        <td class="name-product"><a href="@Url.Action("CT_SanPham", "San_Pham", new { ID = Item.MaSanPham })">@Item.SanPham.TenSanPham</a></td>
                        <td class="price-product">@Item.SanPham.DonGia.ToString("n0")</td>
                        <td class="number-product">@Item.SoLuong</td>
                        <td class="sum-price-product">@sum_price.ToString("n0")</td>
                    </tr>
                    total_price += sum_price;
                }
            }
        </table>
    </div>
</div>
<table border="1" class="cart-table fixed-footer">
    <tr>
        <th colspan="5" class="total-price">Tổng tiền: @total_price.ToString("n0") (VNĐ)</th>
    </tr>
</table>
<table border="1" class="cart-table">
    <tr>
        <td colspan="5" class="action-table">
            <a href="#" id="btt-send-list"><span>Gửi đơn đặt hàng</span></a>
            <a href="@Url.Action("Cap_Nhat_GH", "Tai_Khoan")"><span>Thay đổi giỏ hàng</span></a>
            <a href="@Url.Action("Dien_Thoai", "San_Pham")"><span>Tiếp tục mua hàng</span></a>
        </td>
    </tr>
</table>
@*<script src="~/Scripts/jquery-1.8.2.js"></script>*@
<script type="text/javascript">
    $(document).ready(function () {
        $('#btt-send-list').mouseup(function () {
            $('#popup-send').fadeIn(300);
            return false;
        });
        $(this).mouseup(function (e) {
            if (!($(e.target).parents('#popup-send').length > 0)) $('#popup-send').fadeOut(300);
        });
    });
</script>
<div id="popup-send">
    <div class="form-send">
        <div class="sign-send">
            <span style="font-size:18px;margin-top:5px;display:block;text-align:center;">Sử dụng thông tin tài khoản để gửi đơn đặt hàng</span>
            @if (Session["User"] != null)
            {
                using (Html.BeginForm("Gui_Don", "Tai_Khoan", new { User = true }))
                {
                    <input type="submit" value="Gửi đơn" class="sign-send-btt" />
                }
            }
            else
            {
                using (Html.BeginForm("Dang_Nhap", "Tai_Khoan", new { UrlReferer = Url.Action("Gui_Don", "Tai_Khoan", new { User = true }) }, FormMethod.Post))
                {
                    <div class="info-label">Tên đăng nhập (*):</div>
                    @Html.TextBox("TenDangNhap", "scopion93", new { Class = "info-input" })
                    <div class="info-label">Mật khẩu (*):</div>
                    @Html.Password("MatKhau", "123456", new { Class = "info-input" })
                    @Html.CheckBox("GhiNho", new { id = "remember-check-2" }) <label for="remember-check-2">Ghi nhớ?</label>
                    <br />
                    <input type="submit" value="Đăng nhập" class="sign-send-btt" />
                }
            }
        </div>
        <div class="info-send">
            <span style="font-size:17px;margin:5px 0 2px 0;display:block;text-align:center;">
                Nhập thông tin tài khoản để gửi đơn đặt hàng
                (phải nhập đầy đủ thông tin)
            </span>
            @using (Html.BeginForm("Gui_Don", "Tai_Khoan", new { User = false }))
            {
                <div class="info-label">Họ và tên (*):</div>
                @Html.TextBox("HoTen", null, new { Class = "info-input" })
                <div class="info-label">Email (*):</div>
                @Html.TextBox("Email", null, new { Class = "info-input" })
                <div class="info-label">Chứng minh thư (*):</div>
                @Html.TextBox("CMT", null, new { Class = "info-input" })
                <div class="info-label">Số điện thoại (*):</div>     
                @Html.TextBox("SDT", null, new { Class = "info-input" })
                <div class="info-label">Địa chỉ (*):</div>
                @Html.TextBox("DiaChi", null, new { Class = "info-input" })
                <br />
                <input type="submit" value="Gửi" id="info-send-submit" />
            }
        </div>
    </div>
</div>
